<template>
  <div class="app-content flex flex-col items-center justify-center h-60vh">
    <!-- <dk-table ref="DkTableRef" table-api="/adminapi/open/douyinMini" :hide-buttons="['add', 'recycle', 'edit']" :cache-table="!getDev()">
      <template #DeleteButtonAppend>
        <el-button type="warning" class="ml" icon="Plus" @click="DkTableRef.DkTable.toggleForm('Add')">添加小程序</el-button>
      </template>
      <template #type_slot="{}">
        <el-tag type="success">抖音小程序</el-tag>
      </template>
      <template #operation_slot="{ row }">
        <el-button type="primary" icon="Edit" @click="DkTableRef.DkTable.onTableAction('edit', { row })">设置</el-button>
        <el-button type="danger" icon="Delete" @click="deleteForm(row.id)">删除</el-button>
      </template>
    </dk-table> -->
    <img src="@/assets/default/upgrade.gif" alt="upgrade" />
    <h2>建设中</h2>
  </div>
</template>
<script setup>
import { onMounted, ref } from 'vue'
import { ElMessageBox, ElMessage } from 'element-plus'

// 自动判断开发模式启用缓存
// @ts-ignore
import { getDev } from '@/utils/auth'

const DkTableRef = ref()

// 提交表单
function onSubmit() {
  DkTableRef.value.DkTable.getIndex()
}

// // 删除表单
// function deleteForm(id) {
//   ElMessageBox.prompt('请输入"确认删除"以继续操作', '提示', {
//     confirmButtonText: '确认',
//     cancelButtonText: '取消',
//     inputPattern: /^确认删除$/,
//     inputErrorMessage: '请输入"确认删除"以确认操作',
//     type: 'warning'
//   })
//     .then(({ value }) => {
//       if (value === '确认删除') {
//         DkTableRef.value.DkTable.postDel([id])
//       } else {
//         ElMessage.info('输入不正确，已取消删除')
//       }
//     })
//     .catch(() => {})
// }

onMounted(() => {})
</script>
<style lang="scss" scoped></style>
